<template>
	<div class="style-containers-box">
        <!-- <com-1></com-1>
        <com-2></com-2>
        <com-3></com-3> -->
		<!-- <div class="style-containers-item"> -->
			<Carousel></Carousel>
			<Notice></Notice>
			<HomeGoods></HomeGoods>
		<!-- </div> -->
		<!-- <div class="style-containers-item"> -->
			<Search></Search>
		<!-- </div> -->
		
		
	</div>

</template>

<script>
import Com1 from "../../style-components/Com-1";
import Com2 from "../../style-components/Com-2";
import Com3 from "../../style-components/Com-3";
import Carousel from "../../style-components/Carousel";
import Notice from "../../style-components/Notice";
import HomeGoods from "../../style-components/HomeGoods";
import Search from "../../style-components/Search";

export default {
  	name: 'hello',
  	data () {
    	return {
			msg: '这是测试首页'
		}
	},
	components: {
		"com-1": Com1,
		"com-2": Com2,
		"com-3": Com3,
		Carousel,
		Notice,
		HomeGoods,
		Search,
	},
	created () {
		
	},
	mounted () {
		
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.box {
		 display: flex;
		 width: 100%; 
	}
</style>
